import styled from "styled-components";
export const RankingItemWrapper = styled.div ` 
h2{
    padding: 40px 10px 12px 15px;
    font-weight: bold;
    font-size: 14px;
    color: #000;
}
.body{
  display: block;
  width:240px;
  padding:10px 15px;
  cursor: pointer;
  background-color: ${(props)=>props.isColor?"#E6E6E6":""};
  &:hover{
    background-color: #E6E6E6;
  }
  .content{
  display: flex;
  align-items: center;
  height: 50px;
  &>img{
    width: 40px;
    height: 40px;
    margin: 5px;
  }

  .title{
    height: 40px;
     margin: 10px;
     .title-left{
       margin: 2px;
       color: black;
       font-weight: bold;
     }
     .title-right{
      margin: 2px;
     }
  }
  
}
}
`